.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}
.h100 {
  height: 100%;
}
.page-main {
  margin: 16px;
  padding: 16px 24px;
  background: #fff;
  border-radius: 8px;
} 
body {
  --arcoblue-6: 30 137 255;
  --primary-hover-color: #479dff;
  --primary-click-color: #006dea;
  --disabled-color: #99c9ff;
  --loading-color: #8ec4ff;
  --secondary-hover-color: #f7f9fc;
  --secondary-hover-border-color: #67aeff;
  --secondary-hover-text-color: #4b9fff;
  --secondary-click-color: #e4e7ed;
  --secondary-click-border-color: #4491eb;
  --secondary-click-text-color: #0570ea;
  --secondary-disabled-color: #f2f4f7;
  --secondary-disabled-border-color: #e1e5ec;
  --secondary-disabled-text-color: #b4bbc8;
}
.dropdown-more-btn {
  .arco-dropdown {
    padding: 4px;
    .arco-dropdown-option {
      border-radius: 4px;
      padding: 0;
      .arco-dropdown-option-content {
        margin: 0 4px;
        padding: 0 8px;
      }
    }
  }

}

.arco-btn {
  border-radius: 4px;
}
.arco-btn-primary:hover{
  background-color: var(--primary-hover-color) ;
}
.arco-btn-primary:active{
  background-color: var(--primary-click-color) ;
}
.arco-btn-secondary:hover, .arco-btn-secondary[type='button']:hover, .arco-btn-secondary[type='submit']:hover{
  background-color: var(--secondary-hover-color) ;
  border: 1px solid var(--secondary-hover-border-color) ;
  color:  var(--secondary-hover-text-color) ;
}
.arco-btn-secondary:active, .arco-btn-secondary[type='button']:active, .arco-btn-secondary[type='submit']:active{
  background-color: var(--secondary-click-color) ;
  border: 1px solid var(--secondary-click-border-color) ;
  color:  var(--secondary-click-text-color) ;
}
.arco-btn-secondary.arco-btn-disabled, .arco-btn-secondary[type='button'].arco-btn-disabled, .arco-btn-secondary[type='submit'].arco-btn-disabled{
  background-color: var(--secondary-disabled-color) ;
  border: 1px solid var(--secondary-disabled-border-color) ;
  color:  var(--secondary-disabled-text-color) ;
}

// 次要按钮颜色
.arco-btn.arco-btn-secondary {
  border: 1px solid #d9dee7;
  background: #fff;
}
.arco-modal-simple{
  border-radius: 10px;
  .arco-modal-title-align-center{
    font-weight: 600;
    justify-content: start ;
  }
  .arco-modal-footer {
    text-align: right;
  }
  .arco-modal-title-icon{
    font-size: 24px;
  }
}

.arco-table-border:not(.arco-table-border-cell) .arco-table-container {
  border-right: none;
}
.arco-table-border .arco-table-container {
  border-left: none;
}
.arco-table .arco-table-cell {
  padding: 10px 16px;
}

.input-modal,
.arco-input-wrapper,
.arco-select-view-single,
.arco-picker, 
.arco-textarea,
.arco-input-outer{
  border-radius: 3px;
}
.tab-bar-container .tab-bar-box .tab-bar-scroll .tags-wrap .arco-tag{
  border: 1px solid #CAD0DB;
  background: #fff;
  color: rgba(0, 0, 0, 0.40);
  ::-webkit-scrollbar {
    width: 1;
  }
  .tag-link{
    color: rgba(0, 0, 0, 0.40);
  }
  &:hover{
    border: 1px solid #479DFF ;
    color:#479DFF ;
    .tag-link{
      color:#479DFF ;
    }
  }
}
.link-activated{
  border: 1px solid #479DFF !important;
  color:#479DFF !important;
  .tag-link{
    color:#479DFF !important;
  }
}


.arco-tabs-nav-type-line .arco-tabs-tab {
  margin: 0;
  padding: 12px 16px !important;
}
// 全屏样式
main:fullscreen {
  padding: 16px 24px;
  margin: 0 !important;
  background-color: #fff;
  .query-page-height{
    height: calc(100% - 16px) !important;
  }
}
main:fullscreen > div {
  margin: 0 !important;
  padding: 0;
  height: 100%;
}
.content-model.screenModal{
  top: 0px !important;
  right: 0px !important;
  left: 0px !important;
  bottom: 0px !important;
  .arco-modal.none {
    height: 100% !important;
    .content-con{
      height: 100% !important;
      .main-box .content-box{
        height: 100% !important;
      }
    }
  }
}
